<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/chat/index.css">
    <!-- e: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - 消息
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <section class="section page-content">
        <div class="layui-main clearfix">
            <div class="chatwarp">
                <div class="bcui-tab">
                    <div class="bcui-tab-title">
                        <div class="item active" tab="recent">
                            最近联系
                        </div>
                        <div class="item" tab="friend">
                            我的好友
                            <s class="dot hide" bottlecms-notice="friend_apply">0</s>
                        </div>
                    </div>
                    <div class="bcui-tab-content">

                        <div class="item infinite-scroll infinite-scroll1 active">
                            <div class="bcui-infinite infinite-chat1" pages-current="1" pages-src="/m/ajax/center/chat">

                                <div class="chatlist">
                                    <a class="external" href="/center/notice">
                                        <div class="item">
                                            <div class="picbox">
                                                <svg class="icon pic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M401.518933 640l202.717867 150.2464A17.066667 17.066667 0 0 0 631.466667 776.533333V247.466667a17.066667 17.066667 0 0 0-27.221334-13.713067L401.5104 384H187.733333a25.6 25.6 0 0 0-25.6 25.6v204.8a25.6 25.6 0 0 0 25.6 25.6h59.733334v68.266667a25.6 25.6 0 0 0 25.6 25.6h51.2a25.6 25.6 0 0 0 25.6-25.6v-68.266667h51.652266zM0 0h1024v1024H0V0z m684.8512 421.896533C718.088533 445.636267 733.866667 474.939733 733.866667 512c0 37.060267-15.786667 66.363733-49.015467 90.103467a25.6 25.6 0 0 0 29.764267 41.659733C761.019733 610.6112 785.066667 565.9648 785.066667 512s-24.046933-98.6112-70.4512-131.7632a25.6 25.6 0 0 0-29.764267 41.659733z m42.615467-128.034133C806.237867 350.4128 844.8 422.4 844.8 512c0 89.6-38.562133 161.5872-117.333333 218.1376a25.6 25.6 0 1 0 29.866666 41.591467C849.2288 705.749333 896 618.4448 896 512s-46.7712-193.749333-138.666667-259.729067a25.6 25.6 0 1 0-29.866666 41.591467z" fill="#FFA500"></path></svg>
                                            </div>
                                            <div class="uinfo">
                                                <div class="nickname">系统通知</div>
                                                <div class="conversation" th:text="${bcNotices.words}">
                                                </div>
                                            </div>
                                            <div class="etime" th:text="${#dates.format(bcNotices.createTime,'MM-dd HH:mm')}">
                                            </div>

                                        </div>
                                    </a>
                                </div>

<!--                                <div class="chatlist">-->
<!--                                    <a class="external" href="/groupchat/chat">-->
<!--                                        <div class="item">-->
<!--                                            <div class="picbox">-->
<!--                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="icon pic"><path d="M0,0V64H64V0ZM21.3,45a3.1,3.1,0,0,0-.1,1,1.9,1.9,0,0,0-.1.8c0,.1-.1.1-.1.2h-.1l-3.4-.3-3.2-.4L11.9,46c-.7-.2-1.1-.3-1.2-.5s-.5-.8-.6-1.8a13.1,13.1,0,0,1,.1-3.9,3.6,3.6,0,0,1,1.1-2.1,5.3,5.3,0,0,1,2.1-1.1l2.5-.8a6.7,6.7,0,0,0,2.3-1,3.5,3.5,0,0,0,1.1-.9,2.4,2.4,0,0,0,.6-.9,3,3,0,0,0,.2-1V31a3,3,0,0,0-.6-1.4l-1.1-1a1.3,1.3,0,0,1-.6-.7,3,3,0,0,1-.4-1,7.6,7.6,0,0,0-.4-1.1l-.5-.3a1,1,0,0,1-.4-.5,3.1,3.1,0,0,1-.5-1,3,3,0,0,1,.1-2.1,1.6,1.6,0,0,1,.4-.7,14.2,14.2,0,0,1,.2-2.9c.1-.8.3-1.6.5-2.5A9,9,0,0,1,18,13.4a5,5,0,0,1,1.5-1.7,8.7,8.7,0,0,1,1.8-1.1l1.8-.5h1.7a8.6,8.6,0,0,1,6.5,2.9,3.3,3.3,0,0,1,.7,1.3c.1.5.3,1,.4,1.5a9.6,9.6,0,0,0-1.7,1.4A13.5,13.5,0,0,0,29.1,19a9.6,9.6,0,0,0-1.3,2.7,22.9,22.9,0,0,0-.7,2.8c-.1,1-.2,2-.2,3a4.1,4.1,0,0,0-.5.9,3,3,0,0,0,0,2.3,4.3,4.3,0,0,0,.4,1.1l.5.6.5.4.4,1.3a7.6,7.6,0,0,0,.4,1.1,1.6,1.6,0,0,0,.6.8l.4.4c.2.1.2.2.3.3a.6.6,0,0,1,.1.4,6.4,6.4,0,0,1,.2.7,3.4,3.4,0,0,1-.3.8c0,.2-.2.3-.6.5a9,9,0,0,1-2.4,1.2l-2.5.9a9,9,0,0,0-2,1.4A3.8,3.8,0,0,0,21.3,45Zm32.1,5.8A3.4,3.4,0,0,1,53,52l-1,.5-2.1.5-5.8.7-2.9.2h-5l-2.9-.2-3-.3-2.7-.3-2.1-.4-1-.4q-.5-.3-.6-1.8a17.6,17.6,0,0,1,.1-3.9,3,3,0,0,1,1.1-2.1,11.3,11.3,0,0,1,2.1-1.2l2.5-.7a8.2,8.2,0,0,0,3.5-2l.6-.8a3,3,0,0,0,.2-1c0-.3-.1-.6-.1-1a2,2,0,0,0-.6-1.4l-1.1-1-.6-.7a10.4,10.4,0,0,0-.4-1l-.3-1.2-.5-.2-.5-.6a3.6,3.6,0,0,1-.4-.9,2.5,2.5,0,0,1-.2-1.2,2.9,2.9,0,0,1,.2-.9,3.5,3.5,0,0,1,.5-.8,27.2,27.2,0,0,1,.1-2.8,12.9,12.9,0,0,1,.6-2.5,8.1,8.1,0,0,1,2.6-4.2,8.2,8.2,0,0,1,3.6-1.5h1.8a8.6,8.6,0,0,1,3.9.9,7.4,7.4,0,0,1,2.5,1.9,7,7,0,0,1,1.4,2.7,13.4,13.4,0,0,1,.7,2.7c.1,1,.2,2,.2,2.9l.4.5a2.5,2.5,0,0,0,.2.7,1.7,1.7,0,0,1,0,1,2.8,2.8,0,0,1-.3,1.3l-.5.7a1.3,1.3,0,0,1-.7.4,8.4,8.4,0,0,0-.4,1.2l-.4,1-.6.7-.6.5-.5.4-.4.6a1.9,1.9,0,0,0-.2.7,4.9,4.9,0,0,0-.1,1.2,2,2,0,0,0,.3,1.1,3.1,3.1,0,0,0,.9,1.1,3.1,3.1,0,0,0,1.6.9l2,.7,2.1.7a5.2,5.2,0,0,1,1.8,1,3.1,3.1,0,0,1,1.1,1.6h.1a5.9,5.9,0,0,1,.2,1.4,10.9,10.9,0,0,1,.1,1.8A9.1,9.1,0,0,1,53.4,50.8Z" fill="#389e0d"></path></svg>-->
<!--                                            </div>-->
<!--                                            <div class="uinfo">-->
<!--                                                <div class="nickname">群消息</div>-->
<!--                                                <div class="conversation">-->
<!--                                                    点击查看群消息-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <div class="etime">-->

<!--                                            </div>-->



<!--                                        </div>-->
<!--                                    </a>-->
<!--                                </div>-->

                                <div class="bcui-infinite-list chatlist js-chatlist"></div>
                                <div class="bcui-infinite-preloader" status="nothing">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>                        </div>
                        </div>
                        <div class="item infinite-scroll infinite-scroll2">
                            <div class="bcui-infinite infinite-chat2 friendlist" pages-current="1" pages-src="/m/ajax/center/friend/newfriend">
                                <a href="/center/chat/friend/apply">
                                    <div class="item">
                                        <div class="picbox">
                                            <i class="icon icon-bottlecms-88" style="width:30px; height: 30px; vertical-align: middle;overflow: hidden; color: #FFF; background: #090; padding:4px;margin:0; display: block; font-size: 20px; "></i>
                                        </div>
                                        <div class="uinfo">
                                            <div class="nickname">
                                                新的朋友
                                                <s class="dot hide" bottlecms-notice="friend_apply">0</s>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <div class="br" style="height: 10px;"></div>
                                <div class="bcui-infinite-list "></div>
                                <div class="bcui-infinite-preloader" status="nothing">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>                        </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


</div>
<div layout:fragment="contentFooter">
    <script type="text/javascript" src="/pc/js/center/chat/index.js"></script>
</div>
</html>